<template>
  <div class="message-attention">
     <el-badge :value="this.$store.state.user.notifyNum" :hidden ="this.$store.state.user.notifyNum>0?false:true" class="item">
       <svg-icon icon-class="message" class-name="search-icon" @click.stop="click"  ></svg-icon>
      </el-badge>
  </div>
</template>

<script>

export default {
  name: 'message-attention',
  data() {
    return {
      show: false,
    }
  },
  methods: {
    click() {
     this.$router.push( '/notify')
    }
    }
}
</script>

<style lang="scss" scoped>
.message-attention {
  font-size: 0 !important;

  .search-icon {
    cursor: pointer;
    font-size: 25px;
    vertical-align: middle;
    margin-top: -10px;
  }

 .item {
       margin-top: 10px;
      }
}
</style>
